<v-box>
<section class="content container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="nav-tabs-custom">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#general" data-toggle="tab">基本资料</a>
                    </li>
                    <li>
                        <a href="#pass" data-toggle="tab">密码修改</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="general">
                        <form method="post" class="form-horizontal" id="profileForm">
                            <input type="hidden" name="userId" value="1">
                            <input type="hidden" id="userPass" name="userPass" value="7fef6171469e80d32c0559f88b377245">
                            <div class="box-body">
                                <div class="form-group">
                                    <label for="userName" class="col-lg-2 col-sm-4 control-label">用户名：
                                        <span data-toggle="tooltip" data-placement="top" title="" style="cursor: pointer" data-original-title="用于登录">
<i class="fa fa-question-circle" aria-hidden="true"></i>
</span>
                                    </label>
                                    <div class="col-lg-4 col-sm-8">
                                        <input type="text" class="form-control" id="userName" name="userName" value="admin">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="userDisplayName" class="col-lg-2 col-sm-4 control-label">显示名称：
                                        <span data-toggle="tooltip" data-placement="top" title="" style="cursor: pointer" data-original-title="页面显示的名称">
<i class="fa fa-question-circle" aria-hidden="true"></i>
</span>
                                    </label>
                                    <div class="col-lg-4 col-sm-8">
                                        <input type="text" class="form-control" id="userDisplayName" name="userDisplayName" value="clay">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="userEmail" class="col-lg-2 col-sm-4 control-label">邮箱：</label>
                                    <div class="col-lg-4 col-sm-8">
                                        <input type="email" class="form-control" id="userEmail" name="userEmail" value="11@qq.com">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="userAvatar" class="col-lg-2 col-sm-4 control-label">头像：</label>
                                    <div class="col-lg-4 col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="userAvatar" name="userAvatar" value="">
                                            <span class="input-group-btn">
<button class="btn btn-default " type="button" onclick="openAttach('userAvatar')">选择</button>
</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="userDesc" class="col-lg-2 col-sm-4 control-label">个人说明：
                                        <span data-toggle="tooltip" data-placement="top" title="" style="cursor: pointer" data-original-title="部分主题可在页面上显示这段话">
<i class="fa fa-question-circle" aria-hidden="true"></i>
</span>
                                    </label>
                                    <div class="col-lg-4 col-sm-8">
                                        <textarea class="form-control" rows="3" id="userDesc" name="userDesc" style="resize: none"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="box-footer">
                                <button type="button" class="btn btn-primary btn-sm " onclick="saveUser('profileForm')">保存</button>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane" id="pass">
                        <form method="post" class="form-horizontal" id="passForm">
                            <input type="hidden" name="userId" value="1">
                            <div class="box-body">
                                <div class="form-group">
                                    <label for="beforePass" class="col-sm-2 control-label">原密码：</label>
                                    <div class="col-sm-4">
                                        <input type="password" class="form-control" id="beforePass" name="beforePass">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="newPass" class="col-sm-2 control-label">新密码：</label>
                                    <div class="col-sm-4">
                                        <input type="password" class="form-control" id="newPass" name="newPass">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="reNewPass" class="col-sm-2 control-label">确认密码：</label>
                                    <div class="col-sm-4">
                                        <input type="password" class="form-control" id="reNewPass" name="reNewPass">
                                    </div>
                                </div>
                            </div>
                            <div class="box-footer">
                                <button type="button" class="btn btn-primary btn-sm " onclick="changPass()">修改</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</v-box>
<script>
    new Vue({
        el: '#app',
        data: {}
    })
</script>